import React from 'react';
import { Helmet } from 'react-helmet-async';
import Header from '../components/Header';
import Hero from '../components/Hero';
import Features from '../components/Features';
import Portfolio from '../components/Portfolio';
import Testimonials from '../components/Testimonials';
import Business from '../components/business';
import PlatformFeatures from '../components/platform'; // 修改导入名称，避免与Portfolio组件冲突
import Contact from '../components/Contact';
import Footer from '../components/Footer';

export default function Home() {
  return (
    <div className="min-h-screen">
      <Helmet>
        {/* 页面标题 */}
        <title>创作猫 - 一站式短视频创作平台 | 短剧分销CPS服务</title>
        
        {/* 页面描述 */}
        <meta name="description" content="创作猫是一站式短视频创作平台，提供短剧分销CPS服务，帮助内容创作者轻松实现短视频变现，提供专业的视频创作、编辑、发布和分析工具" />
        
        {/* 页面关键词 */}
        <meta name="keywords" content="短视频创作,短剧分销,CPS,创作猫,视频变现,内容创作,短视频平台,视频编辑,短剧变现,内容变现" />
        
        {/* Open Graph标签 */}
        <meta property="og:title" content="创作猫 - 一站式短视频创作平台 | 短剧分销CPS服务" />
        <meta property="og:description" content="创作猫是一站式短视频创作平台，提供短剧分销CPS服务，帮助内容创作者轻松实现短视频变现，提供专业的视频创作、编辑、发布和分析工具" />
        <meta property="og:type" content="website" />
        <meta property="og:url" content="https://meku.dev/" />
        <meta property="og:image" content="https://meku.dev/images/og-home.jpg" />
        
        {/* Twitter Card标签 */}
        <meta name="twitter:card" content="summary_large_image" />
        <meta name="twitter:title" content="创作猫 - 一站式短视频创作平台 | 短剧分销CPS服务" />
        <meta name="twitter:description" content="创作猫是一站式短视频创作平台，提供短剧分销CPS服务，帮助内容创作者轻松实现短视频变现" />
        <meta name="twitter:image" content="https://meku.dev/images/og-home.jpg" />
        
        {/* 结构化数据 */}
        <script type="application/ld+json">
          {JSON.stringify({
            "@context": "https://schema.org",
            "@type": "WebPage",
            "name": "创作猫 - 一站式短视频创作平台",
            "description": "创作猫是一站式短视频创作平台，提供短剧分销CPS服务，帮助内容创作者轻松实现短视频变现",
            "url": "https://meku.dev/",
            "mainEntity": {
              "@type": "Organization",
              "name": "创作猫",
              "url": "https://meku.dev/",
              "logo": "https://meku.dev/images/logo.png",
              "contactPoint": {
                "@type": "ContactPoint",
                "telephone": "+86-400-123-4567",
                "contactType": "customer service"
              }
            }
          })}
        </script>
      </Helmet>
      
      <Header />
      <main>
        <Hero />
        <Features />
        <Portfolio />
        <Testimonials />
        <Business />
        <PlatformFeatures /> {/* 使用新的组件名称 */}
        <Contact />
      </main>
      <Footer />
    </div>
  );
}